<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="author" content="zhouxuan">
	<title>H5 全景漫游</title>
	<link rel="icon" type="image/png" href="../../images/user_logo.ico">
	<link rel="stylesheet" href="css_item1/item1.css" />

	<style>
		body{background:url("../public/mohu.jpg") no-repeat center/cover ;}
		header{top: -200px;}
		.all{top: 10px;}
	</style>
</head>
<body >
	<header >
		<ul class="img-list" id="imgList">
			<li><img class="img-control active" src="list_item1/list_1.jpg" data-src="img1"></li>
			<li><img class="img-control" src="list_item1/list_2.jpg" data-src="img2"></li>
			<li><img class="img-control" src="list_item1/list_3.jpg" data-src="img3"></li>
			<li><img class="img-control" src="list_item1/list_4.jpg" data-src="img4"></li>
			<li><img class="img-control" src="list_item1/list_5.jpg" data-src="img5"></li>
			<li><img class="img-control" src="list_item1/list_6.jpg" data-src="img6"></li>
			<li class="li-upload">
				<p id="upload"><span>上传全景图</span></p>
				<form  method="get" action="item1.html" style="display: none;">
					<input type="file" name="pano" id="pano" />
				</form>
			</li>
		</ul>
		<span class="list-control list-control-l"  data-name="left"></span>
		<span class="list-control list-control-r"  data-name="right"></span>
	</header>
	<div class="all">
		<img src="../public/all.png">
		<p>场景选择</p>
	</div>
	<div id="container"></div>

	<script src="../../lib/webgl/three.min.js"></script>
	<script src="../../lib/webgl/photo-sphere-viewer.min.js"></script>
	<script src="../../lib/jquery.min.js"></script>

	<script src="js_item1/item1.js"></script>
</body>

</html>
